/* Style YUI components */

.flash-upload.hidden,
.flash-upload .hidden
{
   display: none;
}

/* Center text and buttons inside p elements */

.flash-upload p
{
   text-align: center;
}

.flash-upload div.recordTypes br
{
   margin: 1px;
}

.flash-upload div.browse-wrapper
{
   text-align: center;
}

.flash-upload div.browse-wrapper div.center
{
   padding-top: 0.5em;
   line-height: 2em;
   margin-left: auto;
   margin-right: auto;
   width: 18em;
}

.flash-upload div.browse-wrapper div.browse,
.flash-upload div.browse-wrapper div.label
{
   float: left;
}

.flash-upload div.tip-wrapper
{
   padding-top: 0.5em;
   line-height: 2em;
   text-align: center;
   clear: both;
}

.flash-upload div.status-wrapper
{
   padding-bottom: 0.5em;
   text-align: center;
}

.flash-upload .browse,
.flash-upload .tip
{
   float: left;
}

.flash-upload .browse
{
   width: 38px;
   height: 26px;
   margin-left: 10px;
   margin-right: 10px;
}

.flash-upload .browse.button-fix
{
   width: 39px;
}

.flash-upload .tip
{
   height: 40px;
   line-height: 40px;
}

.flash-upload div.section span.status
{
   margin-left: 210px;
}

/* Add som padding to the file list so it looks centered */

.yui-skin-default .yui-panel .bd .fileUpload-filelist-table
{
   padding: 0.8em;
}

/* Remove the padding inherited from the panel for divs in the file list */

.yui-skin-default .yui-panel .bd .fileUpload-filelist-table div.yui-dt-hd
{
   height: 0;
   padding: 0;
}

.yui-skin-default .yui-panel .bd .fileUpload-filelist-table tbody.yui-dt-message td
{
   border: none;
}

.yui-skin-default .yui-panel .bd .fileUpload-filelist-table tbody.yui-dt-message tr td div.yui-dt-empty
{
   border: none;
   padding: 0.5em !important;
}

/* Create a visible gray line beneath each row */

.fileUpload-filelist-table tbody .yui-dt-liner
{
   border-bottom-style: solid;
   border-bottom-color: #CBCBCB;
   border-bottom-width: 1px;
   margin: 0;
   padding: 0;
   white-space: nowrap;
}

/* Width of the file list - needs to override YUI element style setting */

.fileUpload-filelist-table .yui-dt table
{
   width: 620px !important;
}

/* Hide the table header */

.fileUpload-filelist-table .yui-dt table thead
{
   display: none;
}

/**
 * If an element with "position: relative;" is used inside
 * another element with "overflow: scroll;" IE takes the inner element "out of
 * the flow" which makes statically positioned on the screen ignoring to be
 * hidden and following the scrollbar.
 *
 * In this component, position relative is used for the progress bars, but
 * a YUI button is also used which causes the same problem.
 *
 * If the outer element also has "position: relative;" it works though.
 */

.fileUpload-filelist-table .yui-dt-bd
{
   position: relative;
   width: 620px;
   overflow-x: hidden;
}

/* Style left column and its elements */

.fileUpload-filelist-table tbody .col-left
{
   height: 40px;
   width: 100px;
}

.fileupload-left-div
{
   text-align: center;
   height: 40px;
   background-color: #FAF9F9;
}

.fileupload-percentage-span
{
   font-weight: bold;
   font-size: 123.1%;
   line-height: 2.5em;
}

.fileupload-contentType-menu
{
   position: relative;
   top: 10px;
}

/* Style center column and its elements */

.fileUpload-filelist-table tbody .col-center
{
   height: 40px;
   width: 400px;
}

.fileupload-center-div
{
   background-color: #FFFFFF;
   position: relative;
   height: 40px;
   padding: 0px 0px 0px 0px;
   margin: 0px;
   overflow: hidden;
}

.fileupload-docImage-img
{
   position: absolute;
   left: 5px;
   top: 4px;
}

.fileupload-progressInfo-span
{
   position: absolute;
   left: 40px;
   top: 12px;
   font-weight: bold;
   font-size: 108%;
}

.fileupload-center-div .fileupload-progressSuccess-span,
.fileupload-center-div .fileupload-progressFailure-span,
.fileupload-center-div .fileupload-progressFinished-span
{
   position: absolute;
   top: 0px;
   left: -400px;
   height: 40px;
   width: 400px;
}

.fileupload-progressSuccess-span
{
   background-color: #9AC68C;
}

.fileupload-progressFinished-span
{
   background-color: #DCECCC;
}

.fileupload-progressFailure-span
{
   background-color: #E98B3C;
}

/* Style right column and its elements */

.fileUpload-filelist-table tbody .col-right,
.fileUpload-filelist-table tbody .col-right div.fileupload-right-div
{
   height: 40px;
   width: 130px;
}

.fileupload-right-div
{
   text-align: center;
   height: 40px;
}

.fileUpload-filelist-table tbody .col-right
{
   background-color: #FAF9F9;
   border-style: none;
}

.fileupload-fileButton-span
{
   top: 7px;
}

.flash-upload .fileupload-fileButton-span button
{
   padding-left: 2.5em;
   background: url(../../../components/images/remove-16.png) 10% 50% no-repeat;
}

.yui-skin-default .fileUpload-filelist-table.yui-dt.yui-dt-scrollable tbody.yui-dt-data tr.yui-dt-last td
{
   border-bottom: medium none;
}

/* General styling */

.yui-panel-container .flash-upload
{
   width: 640px;
}

.flash-upload .yui-gd div.first
{
   width: 10.5em;
}

.flash-upload textarea
{
   width: 30em;
}
